<html>
  <head>
    <meta charset="utf-8" />
    <title>Password needed.</title>
    <style>
      form {
        margin: 100px 0 0 200px;
      }
      form label, form button, form input {
        font-family: sans-serif;
        font-size: 20pt;
      }
      div.alert {
        font-family: sans-serif;
        font-size: 11pt;
        margin: 30px 0 0 200px;
        background: #faa;
        color: #fff;
        padding: 10px 10px 10px 10px;
        width: 400px;
        border-radius: 10px;
      }
    </style>
  </head>

  <body>
    <form action="{{nexturl}}" method="post">
      <label>You need a password to access the requested document.</label>
      <br/>
      <input type="password" class="span3" placeholder="Password please."
             name="password"></input>
      <input type="submit" class="btn" value="Continue"></input>
    </form>
    {% if error %}
    <div class="alert">
      <b>Login failed.</b>
      You should make sure to check the following steps:
      <ol>
        <li>Make sure you have a password field in your private
        <em>information</em> spreadsheet. </li>
        <li>Make sure you have entered the <em>same</em> password
        in the form above.</li>
      </ol>
    </div>
    {% endif %}
  </body>
</html>
